
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="../js/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <link href="../css/main.css" type="text/css" rel="stylesheet"/>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <el-row>
        <el-col :span="20">
            <div class="top" style="text-align: center;font-size: 18px;">
                <h1>欢迎进入后台管理系统！</h1>
            </div>
        </el-col>
        <el-col :span="4">
            <div class="top" style="text-align: center;font-size: 18px;">
                <el-dropdown @command="handleCommand">
              <span class="el-dropdown-link">管理员<i class="el-icon-s-tools"></i>
              </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item command="1">修改昵称</el-dropdown-item>
                        <el-dropdown-item command="2">修改密码</el-dropdown-item>
                        <el-dropdown-item command="3">退出登录</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </el-col>
    </el-row>

    <el-row>
        <el-col :span="4">
            <div style="height: 900px; background-color: #545c64;">
                <el-menu default-active="2" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff"
                         active-text-color="#ffd04b">

                    <el-menu-item index="2" v-if="myUser.accountPowerId==1">
                        <i class="el-icon-menu"></i>
                        <span slot="title"><a href="../page/account.html" style="color: yellow;text-decoration: none;" target="topage">管理员管理</a></span>
                    </el-menu-item>

                    <el-menu-item index="2" v-if="myUser.accountPowerId==1||myUser.accountPowerId==3">
                        <i class="el-icon-menu"></i>
                        <span slot="title"><a href="../page/productsType.html" style="color: yellow;text-decoration: none;" target="topage">类别管理</a></span>
                    </el-menu-item>

                    <el-menu-item index="2" v-if="myUser.accountPowerId==1||myUser.accountPowerId==2">
                        <i class="el-icon-menu"></i>
                        <span slot="title"><a href="../page/storeRegister.html" style="color: yellow;text-decoration: none;" target="topage">商铺注册管理</a></span>
                    </el-menu-item>

                    <el-menu-item index="2" v-if="myUser.accountPowerId==1||myUser.accountPowerId==4">
                        <i class="el-icon-menu" ></i>
                        <span slot="title"><a href="../page/merchant.html" style="color: yellow;text-decoration: none;" target="topage">商铺信息管理</a></span>
                    </el-menu-item>


                    <el-menu-item index="2">
                        <i class="el-icon-menu"></i>
                        <span slot="title"><a href="../page/accountInfo.html" style="color: yellow;text-decoration: none;" target="topage">个人信息中心</a></span>
                    </el-menu-item>

                </el-menu>
            </div>
        </el-col>

        <el-col :span="20">
            <div style="height: 900px;">
                <iframe id="if" name="topage" src="accountInfo.html" ></iframe>
            </div>
        </el-col>

    </el-row>

    <el-dialog title="提示" :visible.sync="updatePasswordWindow" width="30%" :before-close="handleClose">
      <span>
          <el-row :gutter="20">
          <el-col :span="24">
            <el-input placeholder="请输入旧密码" v-model="account.oldPassword">
              <template slot="prepend">旧密码:</template>
            </el-input>
              <el-input placeholder="请输入新密码" v-model="account.newPassword">
              <template slot="prepend">新密码:</template>
            </el-input>
          </el-col>
        </el-row>
      </span>
        <span slot="footer" class="dialog-footer">
        <el-button @click="updatePasswordWindow = false">取 消</el-button>
        <el-button type="primary" @click="updatePassword">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="提示" :visible.sync="updateNickNameWindow" width="30%" :before-close="handleClose">
      <span>
          <el-row :gutter="20">
          <el-col :span="24">
              <el-input placeholder="请输入昵称" v-model="account1.accountNickName">
              <template slot="prepend">昵称:</template>
            </el-input>
          </el-col>
        </el-row>
      </span>
        <span slot="footer" class="dialog-footer">
        <el-button @click="updateNickNameWindow = false">取 消</el-button>
        <el-button type="primary" @click="updateNickName">确定</el-button>
      </span>
    </el-dialog>
</div>

<script src="../js/main.js" type="text/javascript"></script>

</body>
</html>